﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example10.aspx.cs" Inherits="Chapter24.Example10" %>

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>代码清单 24-10 设置列表标记的位置</title>
    <meta name="author" content="Adam Freeman" />
    <meta name="description" content="A simple example" />
    <link rel="shortcut ico" href="images/favicon.ico" type="image/x-ico" />
    <style type="text/css">
        li {
            background-color: lightgray;
        }

            li.inside {
                list-style-position: inside;
            }

            li.outside {
                list-style-position: outside;
            }
    </style>
</head>
<body>
    I like apples and oranges.

    I also like:
    <ul>
        <li class="inside">bananas</li>
        <li class="inside">mangoes</li>
        <li class="inside">cherries</li>
        <li class="outside">plums</li>
        <li class="outside">peaches</li>
        <li class="outside">grapes</li>
    </ul>
</body>
</html>
